<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <title>Document</title>
    <script src="assets/flexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index1.css">
    <link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="images/font_h0dk9j6wjwx0qkt9/iconfont.css">
    <link rel="stylesheet" href="assets/animate/animate.min.css">
</head>
<body>
        <!-- 头部 -->
    <div class="toubu">
        <header class="head">
            <span class="iconfont icon-xingtaiduICON_sousuo-- zuo"></span>
            <div class="cent">
                <img src="images/logo.png" alt="">
                <p>北京
                    <span class="spn">
                        <img src="images/jiantou.png" alt="">
                    </span>
                </p>
            </div>
            <span class="iconfont icon-xiangji you"></span>
        </header>
        <!-- 导航 -->
        <div class="swiper-container box">
            <div class="swiper-wrapper">
                <div class="swiper-slide nav">
                    <ul>
                        <li class="navs active">推荐</li>
                        <li class="navs">美食</li>
                        <li class="navs">咖啡</li>
                        <li class="navs">酒吧</li>
                        <li class="navs">展览</li>
                        <li class="navs">酒店</li>
                        <li class="navs">玩乐</li>
                        <li class="navs">旅行</li>
                        <li class="navs">穿搭</li>
                        <li class="navs">健身</li>
                        <li class="navs">心情</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
        <div class="content qs">
            <div class="swiper-container qw">
                <div class="swiper-wrapper se">
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                    <div class="swiper-slide list"></div>
                </div>
            </div>
        </div>
         
        <footer class="font">
            <a href="">
                <dl>
                    <dt class="iconfont  icon-shequ"></dt>
                    <dd>社区</dd>
                </dl>
            </a>
           <a href="index2.html">
                <dl>
                    <dt class="iconfont icon-meishi"></dt>
                    <dd>城市指南</dd>
                </dl>
            </a>
            <a href="index3.html">
                <dl>
                    <dt class="iconfont icon-vip"></dt>
                    <dd>VIP会员</dd>
                </dl>
            </a>
            <a href="index4.html">
                <dl>
                    <dt class="iconfont icon-jiangli"></dt>
                    <dd>挑战</dd>
                </dl>
            </a>
            <a href="index5.html">
                <dl>
                    <dt class="iconfont icon-home"></dt>
                    <dd>我的</dd>
                </dl>
            </a>
        </footer>

        <script type="text/html" id="temp">
            {{each nff v i}}
               <div class="shuchu">
                   <div class="shutu">
                      <img src="{{v.imgurl}}">
                   </div>
                   <div class="shuxia">
                       <h3>{{v.name}}</h3>
                       <div class="ltu">
                           <p class="pn1"><img src="{{v.imgurlls}}"><span class="sp1">{{v.inner}}</span></p>
                           <p class="pn2"><img src="{{v.imgurls}}"><span class="sp2">{{v.spone}}</span></p>
                       </div>
                      
                   </div>
               </div>                              
            {{/each}}
        </script>

    <script src="assets/jquery/jquery-3.2.1.js"></script>
    <script src="assets/swiper/js/swiper.min.js"></script>
    <script src="assets/swiper/js/template-web.js"></script>
    <script src="images/font_h0dk9j6wjwx0qkt9/iconfont.js"></script>
    <script src="assets/swiper/js/swiper.animate1.0.2.min.js"></script>
    <script src="js/index.js"></script>


</body>
</html>